<template>
         <!--编辑框组件-->
      <div class="frommy">
        <div class="tabble">
     `    <el-form :label-position="labelPosition" ref="formLabelAlign"  label-width="90px" :model="formLabelAlign" >
              <el-form-item label="客户编码" prop="id">
                  <i style="color:red; margin-left:-10px;font-weight:bold">*</i>
                  <el-input v-model="formLabelAlign.id" @change="fn"></el-input>
              </el-form-item>
              <el-form-item label="客户所属业务区" prop="basic">
                  <i style="color:red; margin-left:-10px;font-weight:bold">*</i>
                  <el-input v-model="formLabelAlign.basic" @change="fn"></el-input>
              </el-form-item>
              <el-form-item label="客户联系人" prop="contacts">
                  <el-input v-model="formLabelAlign.contacts" @change="fn"></el-input>
              </el-form-item>
               <el-form-item label="客户地址" prop="address">
                  <el-input v-model="formLabelAlign.address" @change="fn"></el-input>
              </el-form-item>
          </el-form>
      </div>
      <div class="tabble">
     `    <el-form :label-position="labelPosition" label-width="100px" :model="formLabelAlign" >
              <el-form-item label="客户名称" prop="name">
                  <i style="color:red; margin-left:-10px;font-weight:bold">*</i>
                  <el-input v-model="formLabelAlign.name"></el-input>
              </el-form-item>
              <el-form-item label="客户类别" prop="kind">
                  <i style="color:red; margin-left:-10px;font-weight:bold">*</i>
                  <el-input v-model="formLabelAlign.kind"></el-input>
              </el-form-item>
              <el-form-item label="客户联系方式" prop="phone">
                  <el-input v-model="formLabelAlign.phone"></el-input>
              </el-form-item>
          </el-form>
      </div>
      </div>  
</template>

<script>
export default {
    //  props:["formLabelAlign","formData"],
    data() {
      return {
          labelPosition: 'right',
          formLabelAlign: {
                            id: '',
                            basic: '',
                            contacts: '',
                            address:'',
                            phone:'',
                            kind:'',
                            name:''
            }
        };
    },
    // methods:{
    //     fn(){
    //         this.$store.commit(this.formLabelAlign)
    //     }
    // },
    //   updated() {
    //     this.formLabelAlign = this.formData;
    // },
}
</script>

<style lang="less" scoped>
    .frommy{
        /deep/.el-form-item__label{
            color: black;
            line-height:normal;
        }
        // 编辑框
        margin: 25px auto;
        display: flex;
        .tabble{
            /deep/.el-form-item{
                font-size: 12px;
            }
            margin: 20px 80px;
            width: 50%;
            font-size: 12px;
            .el-form{
                .el-form-item{
                    width: 80%;
                }
            }  
        }
    }
</style>